.el-calendar {
    margin:0;
    border:0;
   table {
     border-bottom: 1px solid var(--theme-border-color-primary);
   }

  .el-calendar-table tr td:last-child{
    border-right: 1px solid var(--theme-border-color-primary);
  }
  .el-calendar-table td {
    border-top: 1px solid var(--theme-border-color-primary);
    border-left: 1px solid var(--theme-border-color-primary);
  }
/* 今天单元格边线 */
  .el-calendar-table td.today {
    border-top-color:var(--theme-color-primary);
    border-left-color:var(--theme-color-primary);
    &:before,
    &:after {
       content: "";
       position: absolute;
       display: inline-block;
    }
    &:before {
       width: 100%;
       border-bottom: 1px solid var(--theme-color-primary);
       left: 0;
       bottom: -1px;
    }
    &:after {
       height: 100%;
       border-right: 1px solid var(--theme-color-primary);
       right: -1px;
       top: 0;
   }
  }
 /* /end今天单元格边线 */
    .el-calendar__header {
      margin: var(--theme-margin-base) 0 0;
    & .el-icon-arrow-left{
        float: none;
        margin-top: 6px;
        margin-right: 4px;
      }
      & .el-icon-arrow-right{
        float: right;
        margin-top: 6px;
      }
      @when tab{
        .el-calendar__header-year{
          display:none;
        }
        ~ .el-calendar__content{
            margin: 0;
          }
      }
      .el-calendar__content {
        margin: 0;
        tbody>tr:first-child {
          background-color: var(--theme-background-color-primary);
        }
      }
      & .el-calendar__date{
          border-top: 0;
          margin: 0;
        &.today{
           border-color: var(--theme-color-primary);
         }
        &:hover{
          .el-calendar__date-content {
            display: block;
          }
        }
        & .el-calendar__date-content {
            overflow-y: inherit;
            text-align: center;
            height: 50px;
            line-height: 50px;
            display: none;
          }
        }
        .el-calendar-table tr td:last-child{
          border-right: 1px solid var(--theme-border-color-primary);
        }
        .el-calendar-table td {
          border-top: 1px solid var(--theme-border-color-primary);
          border-left: 1px solid var(--theme-border-color-primary);
        }
        & td.next-month,
        & td.prev-month {
        .activity-list__badge > span {
          background-color: color(var(--theme-font-color-secondary) a(0.4));
        }
        .activity-list__status-list span.item .name,
        .activity-list__status-list span.item .num {
          color: var(--theme-font-color-secondary);
        }
      }
    }

    .el-calendar__icon-btn{
      background: var(--color-white);
      height: 40px;
      width: 34px;
      margin-top: 0;
      border: 1px solid var(--theme-border-color-primary);
    }
    .el-calendar__month-tab .tab-item {
      border-radius: 0;
      height:40px;
      line-height:38px;
      background-color: var(--color-white);
      color: inherit;
      border: 1px solid var(--theme-border-color-primary);
      border-right: 0;
      &:first-child {
         border-left: none;
       }
      @when active {
        color: var(--color-white);
        border-radius: 0!important;
        background-color: var(--theme-color-primary);
      }
    }

  & .el-calendar__date{
    border-top: 0;
    margin: 0;
  }

}

